<!--
 * @Author: yangfan 1437446666@qq.com
 * @Date: 2023-02-26 22:42:18
 * @LastEditors: yangfan 1437446666@qq.com
 * @LastEditTime: 2023-02-27 08:16:10
 * @FilePath: \creation-platform-113\src\components\LayoutContent.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <a-layout-content
    ref="scroll"
    :style="{
      margin: '24px 16px',
      padding: '24px',
      background: '#fff',
      Height: '300px',
      overflow: 'auto'
    }"
  >
    <router-view />
  </a-layout-content>
</template>
<script lang="ts">
import { defineComponent, onMounted, ref } from 'vue'

export default defineComponent({
  name: 'LayoutContext',
  setup(props, context) {
    // onMounted(() => {
    //   const scroll: HTMLAnchorElement | null =
    //     document.querySelector('a-layout-content')
    //   // console.log(scroll)
    // })
    return {}
  }
})
</script>
<style></style>
